@charset "UTF-8";


* {
    margin: 0;
    padding: 0;
    /* css3盒子模型 */
    box-sizing: border-box;
}
/* em 和 i 斜体的文字不倾斜 */
em,
i {
    font-style: normal
}
/* 去掉li 的小圆点 */
li {
    list-style: none
}
.fl{
    float: left;
}
.fr{
    float: right;
}

img {
    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
    border: 0;
    /* 取消图片底侧有空白缝隙的问题 */
    vertical-align: middle
}

.clearfix::after{
    /*设置添加的子元素的内容为空*/
    content: "";
    /*设置添加的子元素为块级元素*/
    display: inline-block;
    /*设置添加的子元素高度为零*/
    height: 0;
    /*设置添加的子元素看不见*/
    visibility: hidden;
    /*给添加的子元素设置clear: both:*/
    clear: both;
}

.clearfix{
    /*兼容IE6*/
    *zoom:1
}

.bs{
    box-sizing: border-box;
}

.pr{
    position: relative;
}

clearfix2{
    overflow: hidden;
    *zoom:1;
}